<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="no-referrer" />
    <title>慕课专栏-系统完整高效的IT技术文章-慕课网</title>
    <link rel="stylesheet" href="/css/base.css">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="shortcut icon" href="https://www.imooc.com/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2637533_vjktkq25brd.css">
</head>

<body>
    <header class="header">
        <div class="page-container clearfix">
            <ul class="nav-item">
                <li>
                    <a href="#">慕课网首页</a>
                </li>
                <li>
                    <a href="#">免费课</a>
                </li>
                <li>
                    <a href="#">实战课</a>
                </li>
                <li>
                    <a href="#">体系课</a>
                    <i class="icn-new"></i>
                </li>
                <li>
                    <a href="#">慕课教程</a>
                </li>
                <li>
                    <a href="#">专栏</a>
                </li>
                <li>
                    <a href="#">手记</a>
                </li>
            </ul>
            <div class="header-right">
                <div class="search-box">
                    <a href="#">
                        <i class="iconfont icon-fangdajing fang-djing i"></i>
                    </a>
                    <div class="input-search">
                        <div class="input-box">
                            <input type="text" class="nav-search-input">
                            <a href="#">
                                <i class="iconfont icon-fangdajing i"></i>
                            </a>
                        </div>
                        <div class="nav-search-box hide">
                            <div class="hot">
                                <h2>热搜</h2>
                                <div class="hot-box">
                                    <a href="#">Java工程师</a>
                                    <a href="#">Vue</a>
                                    <a href="#">Python</a>
                                    <a href="#">Go</a>
                                    <a href="#">SpringBoot</a>
                                    <a href="#">Docker</a>
                                    <a href="#">React</a>
                                    <a href="#">小程序</a>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="header-favorites">
                    <a href="#" class="i">收藏网站</a>
                    <div class="favorites-tips">
                        <i class="iconfont icon-xing i"></i>
                        使用
                        <b>Ctrl+D </b>
                        可将网站添加到书签
                    </div>
                </div>
                <div class="gouwuche">
                    <i class="iconfont icon-gouwuche i"></i>
                </div>
                <div class="login-area">
                    <ul class="logined clearfix">
                        <li class="li-item">
                            <i class="iconfont icon-lingdang i"></i>
                        </li>
                        <li class="li-item">
                            <a href="#" class="i">我的课程</a>
                        </li>
                        <li class="li-item" id="personal-center">
                            <a href="#" id="header-avator">
                                <img src="./images/5333a08f0001700202000200-200-200.jpg" alt="" class="avator">
                            </a>
                            <div class="g-user-card">
                                <div class="card-inner">
                                    <div class="card-top clearfix">
                                        <a href="./user-cata.html">
                                            <img src="./images/5333a08f0001700202000200-200-200.jpg" alt=""
                                                class="avator">
                                        </a>
                                        <div class="card-top-right-box">
                                            <a href="#" id="name" class="text-ellipsis">精慕门</a>
                                            <div class="meta">
                                                <a href="#">经验
                                                    <b class="js-user-mp">0</b>
                                                </a>
                                                <a href="#">
                                                    积分
                                                    <b class="js-user-credit">0</b>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="user-center-box">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <i class="iconfont icon-kecheng"></i>
                                                    我的课程
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <i class="iconfont icon-dingdan"></i>
                                                    订单中心
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <i class="iconfont icon-jifen"></i>
                                                    积分商城
                                                </a>
                                            </li>
                                            <li>
                                                <a href="./user.html">
                                                    <i class="iconfont icon-shezhitianchong"></i>
                                                    个人设置
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="card-sets clearfix">
                                        <a href="#">安全退出</a>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <div class="sub-header">
        <div class="sub-header_box clearfix">
            <a href="#" class="article-logo">
                <img src="http://www.imooc.com/static/img/article/article-logo.png?v=1" alt="">
                <img src="http://www.imooc.com/static/img/article/article-desc.png" alt="">
            </a>
            <div class="operate-area clearfix">
                <span>写文章</span>
            </div>
            <div class="search-area">
                <input type="text" placeholder="搜索感兴趣的知识和文章">
                <div class="showhide-search">
                    <i class="iconfont icon-fangdajing"></i>
                </div>
            </div>
        </div>
    </div>
    <main class="main clearfix">
        <div class="main_box">
            <ul class="main_box_ul clearfix">
                <li class="item active">推荐</li>
                <li class="item ">资讯</li>
                <li class="item">最新文章</li>
                <li class="item">区块链</li>
                <li class="item">人工智能</li>
                <li class="item hover">云计算/大数据
                    <div class="label-box-wrap">
                        <div class="label-box">
                            <span>云计算</span>
                            <span>容器</span>
                            <span>Kubernetes</span>
                            <span>OpenStack</span>
                            <span>Flink</span>
                            <span>AWS</span>
                            <span>阿里云</span>
                            <span>Storm</span>
                            <span>Hbase</span>
                            <span>Hadoop</span>
                            <span>Spark</span>
                            <span>R语言</span>
                            <span>Docker</span>
                            <span>挖掘</span>
                            <span>大数据</span>
                        </div>
                    </div>
                </li>
                <li class="item hover">前端开发
                    <div class="label-box-wrap">
                        <div class="label-box">
                            <span>Sass/Less</span>
                            <span>Vue.js</span>
                            <span>前端工具</span>
                            <span>CSS3</span>
                            <span>Bootstrap</span>
                            <span>JavaScript</span>
                            <span>JQuery</span>
                            <span>Html5</span>
                            <span>Node.js</span>
                            <span>Html/CSS</span>
                            <span>React.JS</span>
                            <span>AngularJS</span>
                            <span>WebApp</span>
                            <span>webpack</span>
                            <span>小程序</span>
                        </div>
                    </div>
                </li>
                <li class="item hover">后端开发
                    <div class="label-box-wrap">
                        <div class="label-box">
                            <span>Ruby</span>
                            <span>C#</span>
                            <span>Go</span>
                            <span>C++</span>
                            <span>C</span>
                            <span>Python</span>
                            <span>JAVA</span>
                            <span>PHP</span>
                            <span>SpringBoot</span>
                            <span>Yii</span>
                            <span>ThinkPHP</span>
                            <span>SSM</span>
                            <span>Django</span>
                            <span>爬虫</span>
                            <span>Flask</span>
                            <span>Spring</span>
                            <span>JVM</span>
                            <span>.NET</span>
                            <span>MVVM</span>
                            <span>laravel</span>
                            <span>Tornado</span>
                            <span>Spring Cloud</span>
                            <span>Swoole</span>
                        </div>
                    </div>
                </li>
                <li class="item hover">移动互联
                    <div class="label-box-wrap">
                        <div class="label-box">
                            <span>iOS</span>
                            <span>Android</span>
                            <span>Ionic</span>
                            <span>React Native</span>
                            <span>gradle</span>
                            <span>Android Studio</span>
                            <span>Kotlin</span>
                            <span>native</span>
                            <span>React</span>
                            <span>Swift</span>
                        </div>
                    </div>
                </li>
                <li class="item">工具资源</li>
                <li class="item hover">职场生活
                    <div class="label-box-wrap">
                        <div class="label-box">
                            <span>产品</span>
                            <span>面试</span>
                            <span>搞笑</span>
                            <span>幽默段子</span>
                            <span>征文</span>
                            <span>资讯</span>
                        </div>
                    </div>
                </li>
                <li class="item">幽默段子</li>
                <li class="item hover">其它
                    <div class="label-box-wrap">
                        <div class="label-box">
                            <span>正则表达式</span>
                            <span>源码</span>
                            <span>架构</span>
                            <span>安全</span>
                            <span>Git</span>
                            <span>开源</span>
                            <span>设计模式</span>
                            <span>API</span>
                            <span>操作系统</span>
                            <span>活动</span>
                            <span>编解码</span>
                            <span>ffmpeg</span>
                        </div>
                    </div>
                </li>
            </ul>
            <div class="big_box">
                <div class="box-tui-jian box-list ">
                    <div class="centerlist">
                        <div class="bannerBox clearfix">
                            <div class="leftImg l">
                                <a href="#">
                                    <img src="https://img1.sycdn.imooc.com/61cacaaa09fa82bb09600400.png" alt="">
                                    <!-- <div class="bannerDescription">大咖带你3天迈入Web前端大门</div> -->
                                </a>
                            </div>
                            <div class="rightImg r">
                                <div class="topImg">
                                    <a href="#">
                                        <img src="http://img4.sycdn.imooc.com/60de78020996ca7809600400.png" alt="">
                                        <div class="bannerDescription2">
                                            <span>零基础开发Java语音听书项目</span>
                                        </div>
                                    </a>
                                </div>
                                <div class="buttomImg">
                                    <a href="#">
                                        <img src="https://img1.sycdn.imooc.com/60de78270909658403920196.png" alt="">
                                        <div class="bannerDescription3">
                                            <span>零基础开发前端民宿网页</span>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="big_article">
                            <div class="article-box list-boxr">
                                <div class="article-min" id="tui-jian">
                                    <script type="text/html" id="tmp-article-wrapper">
                                        {{each data item}}
                                        <div class="article-wrapper list-option">
                                            <div class="article-lwrap">
                                                <div class="imgCon l">
                                                    <img src="{{item.cover}}" alt="">
                                                </div>
                                                <div class="list-content l">
                                                    <a href="#" class="title">
                                                        <p>{{item.title}}</p>
                                                    </a>
                                                    <div class="collect">
                                                        <span>收藏</span>
                                                    </div>
                                                    <div class="list-bottom">
                                                        {{if item.classification}}
                                                        <div class="moco-label l">{{item.classification}}</div>
                                                        {{/if}}
                                                        <div class="browseNum l">
                                                            <div class="views">
                                                                <i class="iconfont icon-yanjing icn"></i>
                                                                {{item.browse}}
                                                            </div>
                                                            <div class="author name-box">
                                                                {{item.name}}
                                                            </div>
                                                            <div class="skill clearfix">
                                                                <a href="#">{{item.language}}</a>
                                                            </div>
                                                        </div>
                                                        <div class="createTime r">
                                                            {{item.time}}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="autograph autograph-left">
                                                <div class="moco-headialog">
                                                    <a href="#" class="moco-usercard-head">
                                                        <img src="{{item.cover}}" width="40px" height="40px" alt="">
                                                    </a>
                                                    <p>
                                                        <a href="#">{{item.name}}</a>
                                                        <span
                                                            class="moco-usercard-signicon moco-usercard-teacher"></span>
                                                        <span
                                                            class="moco-usercard-signicon moco-usercard-author"></span>
                                                    </p>
                                                    <p class="moco-usercard-job-title">
                                                        <span href="#" class="moco-usercard-secret"></span>
                                                        {{item.position}}
                                                    </p>
                                                    <p class="moco-usercard-signature">
                                                        {{item.profile}}
                                                    </p>
                                                    <div>
                                                        <a href="#" class="moco-usercard-detail-left bold">
                                                            手记
                                                            <span>0</span>
                                                        </a>
                                                        <a href="#" class="moco-usercard-detail-right bold">
                                                            粉丝
                                                            <span>0</span>
                                                        </a>
                                                    </div>
                                                    <span class="moco-usercard-mc-btn">
                                                        <i class="iconfont icon-icon_concern icon-group_add"> </i>
                                                        关注Ta
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                        {{/each}}
                                    </script>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="right_personalization r">
                        <div class="carefully_selected">
                            <a href="#">
                                <div class="sevenImg"></div>
                            </a>
                            <a href="#">
                                <div class="thirtyImg"></div>
                            </a>
                        </div>
                        <div class="find">
                            <div class="column_recommend clearfix">
                                <div class="title">
                                    慕课专栏
                                    <a href="#" class="more">
                                        更多
                                        <i class="iconfont icon-chevron_right_24px"></i>
                                    </a>
                                </div>
                                <ul>
                                    <li class="clearfix">
                                        <a href="#">
                                            <div class="img l"></div>
                                        </a>
                                        <div class="text_con l">
                                            <a href="#">
                                                <p class="text_con_p">Java 并发编程深度解析</p>
                                            </a>
                                            <div class="info">
                                                <span>共54小节</span>
                                                <i>·</i>
                                                <span>170人已购买</span>
                                            </div>
                                            <div class="price_con clearfix">
                                                <a href="#">
                                                    <div class="goBuy r">马上订阅</div>
                                                </a>
                                                <p class="ori l">¥ 58.00</p>
                                            </div>
                                        </div>

                                    </li>
                                    <li class="clearfix">
                                        <a href="#">
                                            <div class="img l"
                                                style="background-image: url(http://img2.sycdn.imooc.com/5fb36efe0001960e05400720.jpg);">
                                            </div>
                                        </a>
                                        <div class="text_con l" style="border-bottom: 0;">
                                            <a href="#">
                                                <p class="title">Vue 核心源码详解38讲</p>
                                            </a>
                                            <div class="info">
                                                <span>共38小节</span>
                                                <i>·</i>
                                                <span>478人已购买</span>
                                            </div>
                                            <div class="price_con clearfix">
                                                <a href="#">
                                                    <div class="goBuy r">马上订阅</div>
                                                </a>
                                                <p class="ori l">¥ 68.00</p>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="recommended_author">
                            <div class="tou2 clearfix">
                                <h3 class="l">推荐作者</h3>
                                <div class="more r"><a href="#">
                                        更多
                                        <i class="iconfont icon-chevron_right_24px"></i>
                                    </a>
                                </div>
                            </div>
                            <ul class="personList list-boxr">
                                <script type="text/html" id="article-tmp">
                                    {{each data item}}
                                    <li class="person list-option">
                                        <a href="#" class="l">
                                            <div class="l">
                                                <img src="{{item.portrait}}" alt="">
                                            </div>
                                            <div class="text l">
                                                <div class="name name-box">{{item.name}}</div>
                                                <p class="clearfix text_p">
                                                    <span class="l">0篇文章</span>
                                                    <span class="l">0个粉丝</span>
                                                </p>
                                            </div>
                                        </a>
                                        <button class="follow r">
                                            <span>
                                                <i class="iconfont icon-jia "></i>
                                            </span>
                                            关注
                                        </button>
                                        <div class="autograph">
                                            <div class="moco-headialog">
                                                <a href="#" class="moco-usercard-head">
                                                    <img src="{{item.portrait}}" width="40px" height="40px" alt="">
                                                </a>
                                                <p>
                                                    <a href="#">{{item.name}}</a>
                                                    <span class="moco-usercard-signicon moco-usercard-teacher"></span>
                                                    <span class="moco-usercard-signicon moco-usercard-author"></span>
                                                </p>
                                                <p class="moco-usercard-job-title">
                                                    <span href="#" class="moco-usercard-secret"></span>
                                                    {{item.position}}
                                                </p>
                                                <p class="moco-usercard-signature">{{item.profile}} </p>
                                                <div>
                                                    <a href="#" class="moco-usercard-detail-left bold">
                                                        手记
                                                        <span>0</span>
                                                    </a>
                                                    <a href="#" class="moco-usercard-detail-right bold">
                                                        粉丝
                                                        <span>0</span>
                                                    </a>
                                                </div>
                                                <span class="moco-usercard-mc-btn">
                                                    <i class="iconfont icon-icon_concern icon-group_add"> </i>
                                                    关注Ta
                                                </span>
                                            </div>
                                        </div>
                                    </li>
                                    {{/each}}
                                </script>

                            </ul>
                        </div>
                    </div>
                </div>
                <div class="box-zixun box-list hide-list">
                    <div class="centerlist">
                        <div class="big_article">
                            <div class="article-box list-boxr">
                                <div class="article-min" id="zi-xun">
                                    <script type="text/html" id="tmp-zi-xun">
                                        {{each data item}}
                                        <div class="article-wrapper list-option">
                                            <div class="article-lwrap">
                                                <div class="imgCon l">
                                                    <img src="{{item.cover}}" alt="">
                                                </div>
                                                <div class="list-content l">
                                                    <a href="#" class="title">
                                                        <p>{{item.title}}</p>
                                                    </a>
                                                    <div class="collect">
                                                        <span>收藏</span>
                                                    </div>
                                                    <div class="list-bottom">
                                                        <div class="browseNum l">
                                                            <div class="views">
                                                                <i class="iconfont icon-yanjing icn"></i>
                                                                {{item.browse}}
                                                            </div>
                                                            <div class="author name-box">
                                                                {{item.name}}
                                                            </div>
                                                            <div class="skill clearfix">
                                                                <a href="#">{{item.language}}</a>
                                                            </div>
                                                        </div>
                                                        <div class="createTime r">
                                                            {{item.time}}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="autograph autograph-left">
                                                <div class="moco-headialog">
                                                    <a href="#" class="moco-usercard-head">
                                                        <img src="{{item.cover}}" width="40px" height="40px" alt="">
                                                    </a>
                                                    <p>
                                                        <a href="#">{{item.name}}</a>
                                                        <span
                                                            class="moco-usercard-signicon moco-usercard-teacher"></span>
                                                        <span
                                                            class="moco-usercard-signicon moco-usercard-author"></span>
                                                    </p>
                                                    <p class="moco-usercard-job-title">
                                                        <span href="#" class="moco-usercard-secret"></span>
                                                        {{item.position}}
                                                    </p>
                                                    <p class="moco-usercard-signature">
                                                        {{item.profile}}
                                                    </p>
                                                    <div>
                                                        <a href="#" class="moco-usercard-detail-left bold">
                                                            手记
                                                            <span>0</span>
                                                        </a>
                                                        <a href="#" class="moco-usercard-detail-right bold">
                                                            粉丝
                                                            <span>0</span>
                                                        </a>
                                                    </div>
                                                    <span class="moco-usercard-mc-btn">
                                                        <i class="iconfont icon-icon_concern icon-group_add"> </i>
                                                        关注Ta
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                        {{/each}}
                                    </script>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="right_personalization r">
                        <div class="recommended_author">
                            <div class="tou2 clearfix">
                                <h3 class="l">推荐作者</h3>
                                <div class="more r"><a href="#">
                                        更多
                                        <i class="iconfont icon-chevron_right_24px"></i>
                                    </a>
                                </div>
                            </div>
                            <ul class="personList list-boxr">
                                <script type="text/html" id="article-tmp">
                                    {{each data item}}
                                    <li class="person list-option">
                                        <a href="#" class="l">
                                            <div class="l">
                                                <img src="{{item.portrait}}" alt="">
                                            </div>
                                            <div class="text l">
                                                <div class="name name-box">{{item.name}}</div>
                                                <p class="clearfix text_p">
                                                    <span class="l">0篇文章</span>
                                                    <span class="l">0个粉丝</span>
                                                </p>
                                            </div>
                                        </a>
                                        <button class="follow r">
                                            <span>
                                                <i class="iconfont icon-jia "></i>
                                            </span>
                                            关注
                                        </button>
                                        <div class="autograph">
                                            <div class="moco-headialog">
                                                <a href="#" class="moco-usercard-head">
                                                    <img src="{{item.portrait}}" width="40px" height="40px" alt="">
                                                </a>
                                                <p>
                                                    <a href="#">{{item.name}}</a>
                                                    <span class="moco-usercard-signicon moco-usercard-teacher"></span>
                                                    <span class="moco-usercard-signicon moco-usercard-author"></span>
                                                </p>
                                                <p class="moco-usercard-job-title">
                                                    <span href="#" class="moco-usercard-secret"></span>
                                                    {{item.position}}
                                                </p>
                                                <p class="moco-usercard-signature">{{item.profile}} </p>
                                                <div>
                                                    <a href="#" class="moco-usercard-detail-left bold">
                                                        手记
                                                        <span>0</span>
                                                    </a>
                                                    <a href="#" class="moco-usercard-detail-right bold">
                                                        粉丝
                                                        <span>0</span>
                                                    </a>
                                                </div>
                                                <span class="moco-usercard-mc-btn">
                                                    <i class="iconfont icon-icon_concern icon-group_add"> </i>
                                                    关注Ta
                                                </span>
                                            </div>
                                        </div>
                                    </li>
                                    {{/each}}
                                </script>

                            </ul>
                        </div>
                    </div>
                </div>
                <div class="box-guanzhu box-list hide-list">
                    <div class="centerlist">
                        <div style="margin-top: 10px; font-size: 12px;">暂无最新文章</div>
                    </div>
                    <div class="right_personalization r">
                        <div class="recommended_author">
                            <div class="tou2 clearfix">
                                <h3 class="l">推荐作者</h3>
                                <div class="more r"><a href="#">
                                        更多
                                        <i class="iconfont icon-chevron_right_24px"></i>
                                    </a>
                                </div>
                            </div>
                            <ul class="personList list-boxr">
                                <script type="text/html" id="article-tmp">
                                    {{each data item}}
                                    <li class="person list-option">
                                        <a href="#" class="l">
                                            <div class="l">
                                                <img src="{{item.portrait}}" alt="">
                                            </div>
                                            <div class="text l">
                                                <div class="name name-box">{{item.name}}</div>
                                                <p class="clearfix text_p">
                                                    <span class="l">0篇文章</span>
                                                    <span class="l">0个粉丝</span>
                                                </p>
                                            </div>
                                        </a>
                                        <button class="follow r">
                                            <span>
                                                <i class="iconfont icon-jia "></i>
                                            </span>
                                            关注
                                        </button>
                                        <div class="autograph">
                                            <div class="moco-headialog">
                                                <a href="#" class="moco-usercard-head">
                                                    <img src="{{item.portrait}}" width="40px" height="40px" alt="">
                                                </a>
                                                <p>
                                                    <a href="#">{{item.name}}</a>
                                                    <span class="moco-usercard-signicon moco-usercard-teacher"></span>
                                                    <span class="moco-usercard-signicon moco-usercard-author"></span>
                                                </p>
                                                <p class="moco-usercard-job-title">
                                                    <span href="#" class="moco-usercard-secret"></span>
                                                    {{item.position}}
                                                </p>
                                                <p class="moco-usercard-signature">{{item.profile}} </p>
                                                <div>
                                                    <a href="#" class="moco-usercard-detail-left bold">
                                                        手记
                                                        <span>0</span>
                                                    </a>
                                                    <a href="#" class="moco-usercard-detail-right bold">
                                                        粉丝
                                                        <span>0</span>
                                                    </a>
                                                </div>
                                                <span class="moco-usercard-mc-btn">
                                                    <i class="iconfont icon-icon_concern icon-group_add"> </i>
                                                    关注Ta
                                                </span>
                                            </div>
                                        </div>
                                    </li>
                                    {{/each}}
                                </script>

                            </ul>
                        </div>
                    </div>
                </div>
                <div class="box-qukuai-lian box-list hide-list">
                    <div class="centerlist">
                        <div class="big_article">
                            <div class="article-box list-boxr">
                                <div class="article-min" id="qukuai-lian">
                                    <script type="text/html" id="tmp-qukuai-lian">
                                        {{each data item}}
                                        <div class="article-wrapper list-option">
                                            <div class="article-lwrap">
                                                <div class="imgCon l">
                                                    <img src="{{item.cover}}" alt="">
                                                </div>
                                                <div class="list-content l">
                                                    <a href="#" class="title">
                                                        <p>{{item.title}}</p>
                                                    </a>
                                                    <div class="collect">
                                                        <span>收藏</span>
                                                    </div>
                                                    <div class="list-bottom">
                                                        <div class="browseNum l">
                                                            <div class="views">
                                                                <i class="iconfont icon-yanjing icn"></i>
                                                                {{item.browse}}
                                                            </div>
                                                            <div class="author ">
                                                                {{item.name}}
                                                            </div>
                                                            <div class="skill clearfix">
                                                                <a href="#">{{item.language}}</a>
                                                            </div>
                                                        </div>
                                                        <div class="createTime r">
                                                            {{item.time}}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="autograph autograph-left">
                                                <div class="moco-headialog">
                                                    <a href="#" class="moco-usercard-head">
                                                        <img src="{{item.cover}}" width="40px" height="40px" alt="">
                                                    </a>
                                                    <p>
                                                        <a href="#">{{item.name}}</a>
                                                        <span
                                                            class="moco-usercard-signicon moco-usercard-teacher"></span>
                                                        <span
                                                            class="moco-usercard-signicon moco-usercard-author"></span>
                                                    </p>
                                                    <p class="moco-usercard-job-title">
                                                        <span href="#" class="moco-usercard-secret"></span>
                                                        {{item.position}}
                                                    </p>
                                                    <p class="moco-usercard-signature">
                                                        {{item.profile}}
                                                    </p>
                                                    <div>
                                                        <a href="#" class="moco-usercard-detail-left bold">
                                                            手记
                                                            <span>0</span>
                                                        </a>
                                                        <a href="#" class="moco-usercard-detail-right bold">
                                                            粉丝
                                                            <span>0</span>
                                                        </a>
                                                    </div>
                                                    <span class="moco-usercard-mc-btn">
                                                        <i class="iconfont icon-icon_concern icon-group_add"> </i>
                                                        关注Ta
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                        {{/each}}
                                    </script>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="right_personalization r">
                        <div class="recommended_author">
                            <div class="tou2 clearfix">
                                <h3 class="l">推荐作者</h3>
                                <div class="more r"><a href="#">
                                        更多
                                        <i class="iconfont icon-chevron_right_24px"></i>
                                    </a>
                                </div>
                            </div>
                            <ul class="personList list-boxr">
                                <script type="text/html" id="article-tmp">
                                    {{each data item}}
                                    <li class="person list-option">
                                        <a href="#" class="l">
                                            <div class="l">
                                                <img src="{{item.portrait}}" alt="">
                                            </div>
                                            <div class="text l">
                                                <div class="name name-box">{{item.name}}</div>
                                                <p class="clearfix text_p">
                                                    <span class="l">0篇文章</span>
                                                    <span class="l">0个粉丝</span>
                                                </p>
                                            </div>
                                        </a>
                                        <button class="follow r">
                                            <span>
                                                <i class="iconfont icon-jia "></i>
                                            </span>
                                            关注
                                        </button>
                                        <div class="autograph">
                                            <div class="moco-headialog">
                                                <a href="#" class="moco-usercard-head">
                                                    <img src="{{item.portrait}}" width="40px" height="40px" alt="">
                                                </a>
                                                <p>
                                                    <a href="#">{{item.name}}</a>
                                                    <span class="moco-usercard-signicon moco-usercard-teacher"></span>
                                                    <span class="moco-usercard-signicon moco-usercard-author"></span>
                                                </p>
                                                <p class="moco-usercard-job-title">
                                                    <span href="#" class="moco-usercard-secret"></span>
                                                    {{item.position}}
                                                </p>
                                                <p class="moco-usercard-signature">{{item.profile}} </p>
                                                <div>
                                                    <a href="#" class="moco-usercard-detail-left bold">
                                                        手记
                                                        <span>0</span>
                                                    </a>
                                                    <a href="#" class="moco-usercard-detail-right bold">
                                                        粉丝
                                                        <span>0</span>
                                                    </a>
                                                </div>
                                                <span class="moco-usercard-mc-btn">
                                                    <i class="iconfont icon-icon_concern icon-group_add"> </i>
                                                    关注Ta
                                                </span>
                                            </div>
                                        </div>
                                    </li>
                                    {{/each}}
                                </script>

                            </ul>
                        </div>
                    </div>
                </div>
                <div class="box-rengzn box-list hide-list">
                    <div class="centerlist">
                        <div class="big_article">
                            <div class="article-box list-boxr">
                                <div class="article-min" id="rengzn">
                                    <script type="text/html" id="tmp-rengzn">
                                        {{each data item}}
                                        <div class="article-wrapper list-option">
                                            <div class="article-lwrap">
                                                <div class="imgCon l">
                                                    <img src="{{item.cover}}" alt="">
                                                </div>
                                                <div class="list-content l">
                                                    <a href="#" class="title">
                                                        <p>{{item.title}}</p>
                                                    </a>
                                                    <div class="collect">
                                                        <span>收藏</span>
                                                    </div>
                                                    <div class="list-bottom">
                                                        <div class="browseNum l">
                                                            <div class="views">
                                                                <i class="iconfont icon-yanjing icn"></i>
                                                                {{item.browse}}
                                                            </div>
                                                            <div class="author name-box">
                                                                {{item.name}}
                                                            </div>
                                                            <div class="skill clearfix">
                                                                <a href="#">{{item.language}}</a>
                                                            </div>
                                                        </div>
                                                        <div class="createTime r">
                                                            {{item.time}}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="autograph autograph-left">
                                                <div class="moco-headialog">
                                                    <a href="#" class="moco-usercard-head">
                                                        <img src="{{item.cover}}" width="40px" height="40px" alt="">
                                                    </a>
                                                    <p>
                                                        <a href="#">{{item.name}}</a>
                                                        <span
                                                            class="moco-usercard-signicon moco-usercard-teacher"></span>
                                                        <span
                                                            class="moco-usercard-signicon moco-usercard-author"></span>
                                                    </p>
                                                    <p class="moco-usercard-job-title">
                                                        <span href="#" class="moco-usercard-secret"></span>
                                                        {{item.position}}
                                                    </p>
                                                    <p class="moco-usercard-signature">
                                                        {{item.profile}}
                                                    </p>
                                                    <div>
                                                        <a href="#" class="moco-usercard-detail-left bold">
                                                            手记
                                                            <span>0</span>
                                                        </a>
                                                        <a href="#" class="moco-usercard-detail-right bold">
                                                            粉丝
                                                            <span>0</span>
                                                        </a>
                                                    </div>
                                                    <span class="moco-usercard-mc-btn">
                                                        <i class="iconfont icon-icon_concern icon-group_add"> </i>
                                                        关注Ta
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                        {{/each}}
                                    </script>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="right_personalization r">
                        <div class="recommended_author">
                            <div class="tou2 clearfix">
                                <h3 class="l">推荐作者</h3>
                                <div class="more r"><a href="#">
                                        更多
                                        <i class="iconfont icon-chevron_right_24px"></i>
                                    </a>
                                </div>
                            </div>
                            <ul class="personList list-boxr">
                                <script type="text/html" id="article-tmp">
                                    {{each data item}}
                                    <li class="person list-option">
                                        <a href="#" class="l">
                                            <div class="l">
                                                <img src="{{item.portrait}}" alt="">
                                            </div>
                                            <div class="text l">
                                                <div class="name name-box">{{item.name}}</div>
                                                <p class="clearfix text_p">
                                                    <span class="l">0篇文章</span>
                                                    <span class="l">0个粉丝</span>
                                                </p>
                                            </div>
                                        </a>
                                        <button class="follow r">
                                            <span>
                                                <i class="iconfont icon-jia "></i>
                                            </span>
                                            关注
                                        </button>
                                        <div class="autograph">
                                            <div class="moco-headialog">
                                                <a href="#" class="moco-usercard-head">
                                                    <img src="{{item.portrait}}" width="40px" height="40px" alt="">
                                                </a>
                                                <p>
                                                    <a href="#">{{item.name}}</a>
                                                    <span class="moco-usercard-signicon moco-usercard-teacher"></span>
                                                    <span class="moco-usercard-signicon moco-usercard-author"></span>
                                                </p>
                                                <p class="moco-usercard-job-title">
                                                    <span href="#" class="moco-usercard-secret"></span>
                                                    {{item.position}}
                                                </p>
                                                <p class="moco-usercard-signature">{{item.profile}} </p>
                                                <div>
                                                    <a href="#" class="moco-usercard-detail-left bold">
                                                        手记
                                                        <span>0</span>
                                                    </a>
                                                    <a href="#" class="moco-usercard-detail-right bold">
                                                        粉丝
                                                        <span>0</span>
                                                    </a>
                                                </div>
                                                <span class="moco-usercard-mc-btn">
                                                    <i class="iconfont icon-icon_concern icon-group_add"> </i>
                                                    关注Ta
                                                </span>
                                            </div>
                                        </div>
                                    </li>
                                    {{/each}}
                                </script>

                            </ul>
                        </div>
                    </div>
                </div>
                <div class="box-shuju box-list hide-list">
                    <div class="centerlist">
                        <div class="big_article">
                            <div class="article-box list-boxr">
                                <div class="article-min" id="shuju">
                                    <script type="text/html" id="tmp-shuju">
                                        {{each data item}}
                                        <div class="article-wrapper list-option">
                                            <div class="article-lwrap">
                                                <div class="imgCon l">
                                                    <img src="{{item.cover}}" alt="">
                                                </div>
                                                <div class="list-content l">
                                                    <a href="#" class="title">
                                                        <p>{{item.title}}</p>
                                                    </a>
                                                    <div class="collect">
                                                        <span>收藏</span>
                                                    </div>
                                                    <div class="list-bottom">
                                                        <div class="browseNum l">
                                                            <div class="views">
                                                                <i class="iconfont icon-yanjing icn"></i>
                                                                {{item.browse}}
                                                            </div>
                                                            <div class="author name-box">
                                                                {{item.name}}
                                                            </div>
                                                            <div class="skill clearfix">
                                                                <a href="#">{{item.language}}</a>
                                                            </div>
                                                        </div>
                                                        <div class="createTime r">
                                                            {{item.time}}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="autograph autograph-left">
                                                <div class="moco-headialog">
                                                    <a href="#" class="moco-usercard-head">
                                                        <img src="{{item.cover}}" width="40px" height="40px" alt="">
                                                    </a>
                                                    <p>
                                                        <a href="#">{{item.name}}</a>
                                                        <span
                                                            class="moco-usercard-signicon moco-usercard-teacher"></span>
                                                        <span
                                                            class="moco-usercard-signicon moco-usercard-author"></span>
                                                    </p>
                                                    <p class="moco-usercard-job-title">
                                                        <span href="#" class="moco-usercard-secret"></span>
                                                        {{item.position}}
                                                    </p>
                                                    <p class="moco-usercard-signature">
                                                        {{item.profile}}
                                                    </p>
                                                    <div>
                                                        <a href="#" class="moco-usercard-detail-left bold">
                                                            手记
                                                            <span>0</span>
                                                        </a>
                                                        <a href="#" class="moco-usercard-detail-right bold">
                                                            粉丝
                                                            <span>0</span>
                                                        </a>
                                                    </div>
                                                    <span class="moco-usercard-mc-btn">
                                                        <i class="iconfont icon-icon_concern icon-group_add"> </i>
                                                        关注Ta
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                        {{/each}}
                                    </script>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="right_personalization r">
                        <div class="recommended_author">
                            <div class="tou2 clearfix">
                                <h3 class="l">推荐作者</h3>
                                <div class="more r"><a href="#">
                                        更多
                                        <i class="iconfont icon-chevron_right_24px"></i>
                                    </a>
                                </div>
                            </div>
                            <ul class="personList list-boxr">
                                <script type="text/html" id="article-tmp">
                                    {{each data item}}
                                    <li class="person list-option">
                                        <a href="#" class="l">
                                            <div class="l">
                                                <img src="{{item.portrait}}" alt="">
                                            </div>
                                            <div class="text l">
                                                <div class="name name-box">{{item.name}}</div>
                                                <p class="clearfix text_p">
                                                    <span class="l">0篇文章</span>
                                                    <span class="l">0个粉丝</span>
                                                </p>
                                            </div>
                                        </a>
                                        <button class="follow r">
                                            <span>
                                                <i class="iconfont icon-jia "></i>
                                            </span>
                                            关注
                                        </button>
                                        <div class="autograph">
                                            <div class="moco-headialog">
                                                <a href="#" class="moco-usercard-head">
                                                    <img src="{{item.portrait}}" width="40px" height="40px" alt="">
                                                </a>
                                                <p>
                                                    <a href="#">{{item.name}}</a>
                                                    <span class="moco-usercard-signicon moco-usercard-teacher"></span>
                                                    <span class="moco-usercard-signicon moco-usercard-author"></span>
                                                </p>
                                                <p class="moco-usercard-job-title">
                                                    <span href="#" class="moco-usercard-secret"></span>
                                                    {{item.position}}
                                                </p>
                                                <p class="moco-usercard-signature">{{item.profile}} </p>
                                                <div>
                                                    <a href="#" class="moco-usercard-detail-left bold">
                                                        手记
                                                        <span>0</span>
                                                    </a>
                                                    <a href="#" class="moco-usercard-detail-right bold">
                                                        粉丝
                                                        <span>0</span>
                                                    </a>
                                                </div>
                                                <span class="moco-usercard-mc-btn">
                                                    <i class="iconfont icon-icon_concern icon-group_add"> </i>
                                                    关注Ta
                                                </span>
                                            </div>
                                        </div>
                                    </li>
                                    {{/each}}
                                </script>

                            </ul>
                        </div>
                    </div>
                </div>
                <div class="box-qianduan box-list hide-list">
                    <div class="centerlist">
                        <div class="big_article">
                            <div class="article-box list-boxr">
                                <div class="article-min" id="qianduan">
                                    <script type="text/html" id="tmp-qianduan">
                                        {{each data item}}
                                        <div class="article-wrapper list-option">
                                            <div class="article-lwrap">
                                                <div class="imgCon l">
                                                    <img src="{{item.cover}}" alt="">
                                                </div>
                                                <div class="list-content l">
                                                    <a href="#" class="title">
                                                        <p>{{item.title}}</p>
                                                    </a>
                                                    <div class="collect">
                                                        <span>收藏</span>
                                                    </div>
                                                    <div class="list-bottom">
                                                        <div class="browseNum l">
                                                            <div class="views">
                                                                <i class="iconfont icon-yanjing icn"></i>
                                                                {{item.browse}}
                                                            </div>
                                                            <div class="author name-box">
                                                                {{item.name}}
                                                            </div>
                                                            <div class="skill clearfix">
                                                                <a href="#">{{item.language}}</a>
                                                            </div>
                                                        </div>
                                                        <div class="createTime r">
                                                            {{item.time}}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="autograph autograph-left">
                                                <div class="moco-headialog">
                                                    <a href="#" class="moco-usercard-head">
                                                        <img src="{{item.cover}}" width="40px" height="40px" alt="">
                                                    </a>
                                                    <p>
                                                        <a href="#">{{item.name}}</a>
                                                        <span
                                                            class="moco-usercard-signicon moco-usercard-teacher"></span>
                                                        <span
                                                            class="moco-usercard-signicon moco-usercard-author"></span>
                                                    </p>
                                                    <p class="moco-usercard-job-title">
                                                        <span href="#" class="moco-usercard-secret"></span>
                                                        {{item.position}}
                                                    </p>
                                                    <p class="moco-usercard-signature">
                                                        {{item.profile}}
                                                    </p>
                                                    <div>
                                                        <a href="#" class="moco-usercard-detail-left bold">
                                                            手记
                                                            <span>0</span>
                                                        </a>
                                                        <a href="#" class="moco-usercard-detail-right bold">
                                                            粉丝
                                                            <span>0</span>
                                                        </a>
                                                    </div>
                                                    <span class="moco-usercard-mc-btn">
                                                        <i class="iconfont icon-icon_concern icon-group_add"> </i>
                                                        关注Ta
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                        {{/each}}
                                    </script>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="right_personalization r">
                        <div class="recommended_author">
                            <div class="tou2 clearfix">
                                <h3 class="l">推荐作者</h3>
                                <div class="more r"><a href="#">
                                        更多
                                        <i class="iconfont icon-chevron_right_24px"></i>
                                    </a>
                                </div>
                            </div>
                            <ul class="personList list-boxr">
                                <script type="text/html" id="article-tmp">
                                    {{each data item}}
                                    <li class="person list-option">
                                        <a href="#" class="l">
                                            <div class="l">
                                                <img src="{{item.portrait}}" alt="">
                                            </div>
                                            <div class="text l">
                                                <div class="name name-box">{{item.name}}</div>
                                                <p class="clearfix text_p">
                                                    <span class="l">0篇文章</span>
                                                    <span class="l">0个粉丝</span>
                                                </p>
                                            </div>
                                        </a>
                                        <button class="follow r">
                                            <span>
                                                <i class="iconfont icon-jia "></i>
                                            </span>
                                            关注
                                        </button>
                                        <div class="autograph">
                                            <div class="moco-headialog">
                                                <a href="#" class="moco-usercard-head">
                                                    <img src="{{item.portrait}}" width="40px" height="40px" alt="">
                                                </a>
                                                <p>
                                                    <a href="#">{{item.name}}</a>
                                                    <span class="moco-usercard-signicon moco-usercard-teacher"></span>
                                                    <span class="moco-usercard-signicon moco-usercard-author"></span>
                                                </p>
                                                <p class="moco-usercard-job-title">
                                                    <span href="#" class="moco-usercard-secret"></span>
                                                    {{item.position}}
                                                </p>
                                                <p class="moco-usercard-signature">{{item.profile}} </p>
                                                <div>
                                                    <a href="#" class="moco-usercard-detail-left bold">
                                                        手记
                                                        <span>0</span>
                                                    </a>
                                                    <a href="#" class="moco-usercard-detail-right bold">
                                                        粉丝
                                                        <span>0</span>
                                                    </a>
                                                </div>
                                                <span class="moco-usercard-mc-btn">
                                                    <i class="iconfont icon-icon_concern icon-group_add"> </i>
                                                    关注Ta
                                                </span>
                                            </div>
                                        </div>
                                    </li>
                                    {{/each}}
                                </script>

                            </ul>
                        </div>
                    </div>
                </div>
                <div class="box-houduan box-list hide-list">
                    <div class="centerlist">
                        <div class="big_article">
                            <div class="article-box list-boxr">
                                <div class="article-min" id="houduan">
                                    <script type="text/html" id="tmp-houduan">
                                        {{each data item}}
                                        <div class="article-wrapper list-option">
                                            <div class="article-lwrap">
                                                <div class="imgCon l">
                                                    <img src="{{item.cover}}" alt="">
                                                </div>
                                                <div class="list-content l">
                                                    <a href="#" class="title">
                                                        <p>{{item.title}}</p>
                                                    </a>
                                                    <div class="collect">
                                                        <span>收藏</span>
                                                    </div>
                                                    <div class="list-bottom">
                                                        <div class="browseNum l">
                                                            <div class="views">
                                                                <i class="iconfont icon-yanjing icn"></i>
                                                                {{item.browse}}
                                                            </div>
                                                            <div class="author name-box">
                                                                {{item.name}}
                                                            </div>
                                                            <div class="skill clearfix">
                                                                <a href="#">{{item.language}}</a>
                                                            </div>
                                                        </div>
                                                        <div class="createTime r">
                                                            {{item.time}}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="autograph autograph-left">
                                                <div class="moco-headialog">
                                                    <a href="#" class="moco-usercard-head">
                                                        <img src="{{item.cover}}" width="40px" height="40px" alt="">
                                                    </a>
                                                    <p>
                                                        <a href="#">{{item.name}}</a>
                                                        <span
                                                            class="moco-usercard-signicon moco-usercard-teacher"></span>
                                                        <span
                                                            class="moco-usercard-signicon moco-usercard-author"></span>
                                                    </p>
                                                    <p class="moco-usercard-job-title">
                                                        <span href="#" class="moco-usercard-secret"></span>
                                                        {{item.position}}
                                                    </p>
                                                    <p class="moco-usercard-signature">
                                                        {{item.profile}}
                                                    </p>
                                                    <div>
                                                        <a href="#" class="moco-usercard-detail-left bold">
                                                            手记
                                                            <span>0</span>
                                                        </a>
                                                        <a href="#" class="moco-usercard-detail-right bold">
                                                            粉丝
                                                            <span>0</span>
                                                        </a>
                                                    </div>
                                                    <span class="moco-usercard-mc-btn">
                                                        <i class="iconfont icon-icon_concern icon-group_add"> </i>
                                                        关注Ta
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                        {{/each}}
                                    </script>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="right_personalization r">
                        <div class="recommended_author">
                            <div class="tou2 clearfix">
                                <h3 class="l">推荐作者</h3>
                                <div class="more r"><a href="#">
                                        更多
                                        <i class="iconfont icon-chevron_right_24px"></i>
                                    </a>
                                </div>
                            </div>
                            <ul class="personList list-boxr">
                                <script type="text/html" id="article-tmp">
                                    {{each data item}}
                                    <li class="person list-option">
                                        <a href="#" class="l">
                                            <div class="l">
                                                <img src="{{item.portrait}}" alt="">
                                            </div>
                                            <div class="text l">
                                                <div class="name name-box">{{item.name}}</div>
                                                <p class="clearfix text_p">
                                                    <span class="l">0篇文章</span>
                                                    <span class="l">0个粉丝</span>
                                                </p>
                                            </div>
                                        </a>
                                        <button class="follow r">
                                            <span>
                                                <i class="iconfont icon-jia "></i>
                                            </span>
                                            关注
                                        </button>
                                        <div class="autograph">
                                            <div class="moco-headialog">
                                                <a href="#" class="moco-usercard-head">
                                                    <img src="{{item.portrait}}" width="40px" height="40px" alt="">
                                                </a>
                                                <p>
                                                    <a href="#">{{item.name}}</a>
                                                    <span class="moco-usercard-signicon moco-usercard-teacher"></span>
                                                    <span class="moco-usercard-signicon moco-usercard-author"></span>
                                                </p>
                                                <p class="moco-usercard-job-title">
                                                    <span href="#" class="moco-usercard-secret"></span>
                                                    {{item.position}}
                                                </p>
                                                <p class="moco-usercard-signature">{{item.profile}} </p>
                                                <div>
                                                    <a href="#" class="moco-usercard-detail-left bold">
                                                        手记
                                                        <span>0</span>
                                                    </a>
                                                    <a href="#" class="moco-usercard-detail-right bold">
                                                        粉丝
                                                        <span>0</span>
                                                    </a>
                                                </div>
                                                <span class="moco-usercard-mc-btn">
                                                    <i class="iconfont icon-icon_concern icon-group_add"> </i>
                                                    关注Ta
                                                </span>
                                            </div>
                                        </div>
                                    </li>
                                    {{/each}}
                                </script>

                            </ul>
                        </div>
                    </div>
                </div>
                <div class="box-yidong box-list hide-list">
                    <div class="centerlist">
                        <div style="margin-top: 10px; font-size: 12px;">暂无任何手记</div>
                    </div>
                    <div class="right_personalization r">
                        <div class="recommended_author">
                            <div class="tou2 clearfix">
                                <h3 class="l">推荐作者</h3>
                                <div class="more r"><a href="#">
                                        更多
                                        <i class="iconfont icon-chevron_right_24px"></i>
                                    </a>
                                </div>
                            </div>
                            <ul class="personList list-boxr">
                                <script type="text/html" id="article-tmp">
                                    {{each data item}}
                                    <li class="person list-option">
                                        <a href="#" class="l">
                                            <div class="l">
                                                <img src="{{item.portrait}}" alt="">
                                            </div>
                                            <div class="text l">
                                                <div class="name name-box">{{item.name}}</div>
                                                <p class="clearfix text_p">
                                                    <span class="l">0篇文章</span>
                                                    <span class="l">0个粉丝</span>
                                                </p>
                                            </div>
                                        </a>
                                        <button class="follow r">
                                            <span>
                                                <i class="iconfont icon-jia "></i>
                                            </span>
                                            关注
                                        </button>
                                        <div class="autograph">
                                            <div class="moco-headialog">
                                                <a href="#" class="moco-usercard-head">
                                                    <img src="{{item.portrait}}" width="40px" height="40px" alt="">
                                                </a>
                                                <p>
                                                    <a href="#">{{item.name}}</a>
                                                    <span class="moco-usercard-signicon moco-usercard-teacher"></span>
                                                    <span class="moco-usercard-signicon moco-usercard-author"></span>
                                                </p>
                                                <p class="moco-usercard-job-title">
                                                    <span href="#" class="moco-usercard-secret"></span>
                                                    {{item.position}}
                                                </p>
                                                <p class="moco-usercard-signature">{{item.profile}} </p>
                                                <div>
                                                    <a href="#" class="moco-usercard-detail-left bold">
                                                        手记
                                                        <span>0</span>
                                                    </a>
                                                    <a href="#" class="moco-usercard-detail-right bold">
                                                        粉丝
                                                        <span>0</span>
                                                    </a>
                                                </div>
                                                <span class="moco-usercard-mc-btn">
                                                    <i class="iconfont icon-icon_concern icon-group_add"> </i>
                                                    关注Ta
                                                </span>
                                            </div>
                                        </div>
                                    </li>
                                    {{/each}}
                                </script>

                            </ul>
                        </div>
                    </div>
                </div>
                <div class="box-gongju box-list hide-list">
                    <div class="centerlist">
                        <div class="big_article">
                            <div class="article-box list-boxr">
                                <div class="article-min" id="gongju">
                                    <script type="text/html" id="tmp-gongju">
                                        {{each data item}}
                                        <div class="article-wrapper list-option">
                                            <div class="article-lwrap">
                                                <div class="imgCon l">
                                                    <img src="{{item.cover}}" alt="">
                                                </div>
                                                <div class="list-content l">
                                                    <a href="#" class="title">
                                                        <p>{{item.title}}</p>
                                                    </a>
                                                    <div class="collect">
                                                        <span>收藏</span>
                                                    </div>
                                                    <div class="list-bottom">
                                                        <div class="browseNum l">
                                                            <div class="views">
                                                                <i class="iconfont icon-yanjing icn"></i>
                                                                {{item.browse}}
                                                            </div>
                                                            <div class="author name-box">
                                                                {{item.name}}
                                                            </div>
                                                            <div class="skill clearfix">
                                                                <a href="#">{{item.language}}</a>
                                                            </div>
                                                        </div>
                                                        <div class="createTime r">
                                                            {{item.time}}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="autograph autograph-left">
                                                <div class="moco-headialog">
                                                    <a href="#" class="moco-usercard-head">
                                                        <img src="{{item.cover}}" width="40px" height="40px" alt="">
                                                    </a>
                                                    <p>
                                                        <a href="#">{{item.name}}</a>
                                                        <span
                                                            class="moco-usercard-signicon moco-usercard-teacher"></span>
                                                        <span
                                                            class="moco-usercard-signicon moco-usercard-author"></span>
                                                    </p>
                                                    <p class="moco-usercard-job-title">
                                                        <span href="#" class="moco-usercard-secret"></span>
                                                        {{item.position}}
                                                    </p>
                                                    <p class="moco-usercard-signature">
                                                        {{item.profile}}
                                                    </p>
                                                    <div>
                                                        <a href="#" class="moco-usercard-detail-left bold">
                                                            手记
                                                            <span>0</span>
                                                        </a>
                                                        <a href="#" class="moco-usercard-detail-right bold">
                                                            粉丝
                                                            <span>0</span>
                                                        </a>
                                                    </div>
                                                    <span class="moco-usercard-mc-btn">
                                                        <i class="iconfont icon-icon_concern icon-group_add"> </i>
                                                        关注Ta
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                        {{/each}}
                                    </script>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="right_personalization r">
                        <div class="recommended_author">
                            <div class="tou2 clearfix">
                                <h3 class="l">推荐作者</h3>
                                <div class="more r"><a href="#">
                                        更多
                                        <i class="iconfont icon-chevron_right_24px"></i>
                                    </a>
                                </div>
                            </div>
                            <ul class="personList list-boxr">
                                <script type="text/html" id="article-tmp">
                                    {{each data item}}
                                    <li class="person list-option">
                                        <a href="#" class="l">
                                            <div class="l">
                                                <img src="{{item.portrait}}" alt="">
                                            </div>
                                            <div class="text l">
                                                <div class="name name-box">{{item.name}}</div>
                                                <p class="clearfix text_p">
                                                    <span class="l">0篇文章</span>
                                                    <span class="l">0个粉丝</span>
                                                </p>
                                            </div>
                                        </a>
                                        <button class="follow r">
                                            <span>
                                                <i class="iconfont icon-jia "></i>
                                            </span>
                                            关注
                                        </button>
                                        <div class="autograph">
                                            <div class="moco-headialog">
                                                <a href="#" class="moco-usercard-head">
                                                    <img src="{{item.portrait}}" width="40px" height="40px" alt="">
                                                </a>
                                                <p>
                                                    <a href="#">{{item.name}}</a>
                                                    <span class="moco-usercard-signicon moco-usercard-teacher"></span>
                                                    <span class="moco-usercard-signicon moco-usercard-author"></span>
                                                </p>
                                                <p class="moco-usercard-job-title">
                                                    <span href="#" class="moco-usercard-secret"></span>
                                                    {{item.position}}
                                                </p>
                                                <p class="moco-usercard-signature">{{item.profile}} </p>
                                                <div>
                                                    <a href="#" class="moco-usercard-detail-left bold">
                                                        手记
                                                        <span>0</span>
                                                    </a>
                                                    <a href="#" class="moco-usercard-detail-right bold">
                                                        粉丝
                                                        <span>0</span>
                                                    </a>
                                                </div>
                                                <span class="moco-usercard-mc-btn">
                                                    <i class="iconfont icon-icon_concern icon-group_add"> </i>
                                                    关注Ta
                                                </span>
                                            </div>
                                        </div>
                                    </li>
                                    {{/each}}
                                </script>

                            </ul>
                        </div>
                    </div>
                </div>
                <div class="box-zhichang box-list hide-list">
                    <div class="centerlist">
                        <div class="big_article">
                            <div class="article-box list-boxr">
                                <div class="article-min" id="zhichang">
                                    <script type="text/html" id="tmp-zhichang">
                                        {{each data item}}
                                        <div class="article-wrapper list-option">
                                            <div class="article-lwrap">
                                                <div class="imgCon l">
                                                    <img src="{{item.cover}}" alt="">
                                                </div>
                                                <div class="list-content l">
                                                    <a href="#" class="title">
                                                        <p>{{item.title}}</p>
                                                    </a>
                                                    <div class="collect">
                                                        <span>收藏</span>
                                                    </div>
                                                    <div class="list-bottom">
                                                        <div class="browseNum l">
                                                            <div class="views">
                                                                <i class="iconfont icon-yanjing icn"></i>
                                                                {{item.browse}}
                                                            </div>
                                                            <div class="author name-box">
                                                                {{item.name}}
                                                            </div>
                                                            <div class="skill clearfix">
                                                                <a href="#">{{item.language}}</a>
                                                            </div>
                                                        </div>
                                                        <div class="createTime r">
                                                            {{item.time}}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="autograph autograph-left">
                                                <div class="moco-headialog">
                                                    <a href="#" class="moco-usercard-head">
                                                        <img src="{{item.cover}}" width="40px" height="40px" alt="">
                                                    </a>
                                                    <p>
                                                        <a href="#">{{item.name}}</a>
                                                        <span
                                                            class="moco-usercard-signicon moco-usercard-teacher"></span>
                                                        <span
                                                            class="moco-usercard-signicon moco-usercard-author"></span>
                                                    </p>
                                                    <p class="moco-usercard-job-title">
                                                        <span href="#" class="moco-usercard-secret"></span>
                                                        {{item.position}}
                                                    </p>
                                                    <p class="moco-usercard-signature">
                                                        {{item.profile}}
                                                    </p>
                                                    <div>
                                                        <a href="#" class="moco-usercard-detail-left bold">
                                                            手记
                                                            <span>0</span>
                                                        </a>
                                                        <a href="#" class="moco-usercard-detail-right bold">
                                                            粉丝
                                                            <span>0</span>
                                                        </a>
                                                    </div>
                                                    <span class="moco-usercard-mc-btn">
                                                        <i class="iconfont icon-icon_concern icon-group_add"> </i>
                                                        关注Ta
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                        {{/each}}
                                    </script>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="right_personalization r">
                        <div class="recommended_author">
                            <div class="tou2 clearfix">
                                <h3 class="l">推荐作者</h3>
                                <div class="more r"><a href="#">
                                        更多
                                        <i class="iconfont icon-chevron_right_24px"></i>
                                    </a>
                                </div>
                            </div>
                            <ul class="personList list-boxr">
                                <script type="text/html" id="article-tmp">
                                    {{each data item}}
                                    <li class="person list-option">
                                        <a href="#" class="l">
                                            <div class="l">
                                                <img src="{{item.portrait}}" alt="">
                                            </div>
                                            <div class="text l">
                                                <div class="name name-box">{{item.name}}</div>
                                                <p class="clearfix text_p">
                                                    <span class="l">0篇文章</span>
                                                    <span class="l">0个粉丝</span>
                                                </p>
                                            </div>
                                        </a>
                                        <button class="follow r">
                                            <span>
                                                <i class="iconfont icon-jia "></i>
                                            </span>
                                            关注
                                        </button>
                                        <div class="autograph">
                                            <div class="moco-headialog">
                                                <a href="#" class="moco-usercard-head">
                                                    <img src="{{item.portrait}}" width="40px" height="40px" alt="">
                                                </a>
                                                <p>
                                                    <a href="#">{{item.name}}</a>
                                                    <span class="moco-usercard-signicon moco-usercard-teacher"></span>
                                                    <span class="moco-usercard-signicon moco-usercard-author"></span>
                                                </p>
                                                <p class="moco-usercard-job-title">
                                                    <span href="#" class="moco-usercard-secret"></span>
                                                    {{item.position}}
                                                </p>
                                                <p class="moco-usercard-signature">{{item.profile}} </p>
                                                <div>
                                                    <a href="#" class="moco-usercard-detail-left bold">
                                                        手记
                                                        <span>0</span>
                                                    </a>
                                                    <a href="#" class="moco-usercard-detail-right bold">
                                                        粉丝
                                                        <span>0</span>
                                                    </a>
                                                </div>
                                                <span class="moco-usercard-mc-btn">
                                                    <i class="iconfont icon-icon_concern icon-group_add"> </i>
                                                    关注Ta
                                                </span>
                                            </div>
                                        </div>
                                    </li>
                                    {{/each}}
                                </script>

                            </ul>
                        </div>
                    </div>
                </div>
                <div class="box-youmo-duanzi box-list hide-list">
                    <div class="centerlist">
                        <div class="big_article">
                            <div class="article-box list-boxr">
                                <div class="article-min" id="youmo-duanzi">
                                    <script type="text/html" id="tmp-youmo-duanzi">
                                        {{each data item}}
                                        <div class="article-wrapper list-option">
                                            <div class="article-lwrap">
                                                <div class="imgCon l">
                                                    <img src="{{item.cover}}" alt="">
                                                </div>
                                                <div class="list-content l">
                                                    <a href="#" class="title">
                                                        <p>{{item.title}}</p>
                                                    </a>
                                                    <div class="collect">
                                                        <span>收藏</span>
                                                    </div>
                                                    <div class="list-bottom">
                                                        <div class="browseNum l">
                                                            <div class="views">
                                                                <i class="iconfont icon-yanjing icn"></i>
                                                                {{item.browse}}
                                                            </div>
                                                            <div class="author name-box">
                                                                {{item.name}}
                                                            </div>
                                                            <div class="skill clearfix">
                                                                <a href="#">{{item.language}}</a>
                                                            </div>
                                                        </div>
                                                        <div class="createTime r">
                                                            {{item.time}}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="autograph autograph-left">
                                                <div class="moco-headialog">
                                                    <a href="#" class="moco-usercard-head">
                                                        <img src="{{item.cover}}" width="40px" height="40px" alt="">
                                                    </a>
                                                    <p>
                                                        <a href="#">{{item.name}}</a>
                                                        <span
                                                            class="moco-usercard-signicon moco-usercard-teacher"></span>
                                                        <span
                                                            class="moco-usercard-signicon moco-usercard-author"></span>
                                                    </p>
                                                    <p class="moco-usercard-job-title">
                                                        <span href="#" class="moco-usercard-secret"></span>
                                                        {{item.position}}
                                                    </p>
                                                    <p class="moco-usercard-signature">
                                                        {{item.profile}}
                                                    </p>
                                                    <div>
                                                        <a href="#" class="moco-usercard-detail-left bold">
                                                            手记
                                                            <span>0</span>
                                                        </a>
                                                        <a href="#" class="moco-usercard-detail-right bold">
                                                            粉丝
                                                            <span>0</span>
                                                        </a>
                                                    </div>
                                                    <span class="moco-usercard-mc-btn">
                                                        <i class="iconfont icon-icon_concern icon-group_add"> </i>
                                                        关注Ta
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                        {{/each}}
                                    </script>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="right_personalization r">
                        <div class="recommended_author">
                            <div class="tou2 clearfix">
                                <h3 class="l">推荐作者</h3>
                                <div class="more r"><a href="#">
                                        更多
                                        <i class="iconfont icon-chevron_right_24px"></i>
                                    </a>
                                </div>
                            </div>
                            <ul class="personList list-boxr">
                                <script type="text/html" id="article-tmp">
                                    {{each data item}}
                                    <li class="person list-option">
                                        <a href="#" class="l">
                                            <div class="l">
                                                <img src="{{item.portrait}}" alt="">
                                            </div>
                                            <div class="text l">
                                                <div class="name name-box">{{item.name}}</div>
                                                <p class="clearfix text_p">
                                                    <span class="l">0篇文章</span>
                                                    <span class="l">0个粉丝</span>
                                                </p>
                                            </div>
                                        </a>
                                        <button class="follow r">
                                            <span>
                                                <i class="iconfont icon-jia "></i>
                                            </span>
                                            关注
                                        </button>
                                        <div class="autograph">
                                            <div class="moco-headialog">
                                                <a href="#" class="moco-usercard-head">
                                                    <img src="{{item.portrait}}" width="40px" height="40px" alt="">
                                                </a>
                                                <p>
                                                    <a href="#">{{item.name}}</a>
                                                    <span class="moco-usercard-signicon moco-usercard-teacher"></span>
                                                    <span class="moco-usercard-signicon moco-usercard-author"></span>
                                                </p>
                                                <p class="moco-usercard-job-title">
                                                    <span href="#" class="moco-usercard-secret"></span>
                                                    {{item.position}}
                                                </p>
                                                <p class="moco-usercard-signature">{{item.profile}} </p>
                                                <div>
                                                    <a href="#" class="moco-usercard-detail-left bold">
                                                        手记
                                                        <span>0</span>
                                                    </a>
                                                    <a href="#" class="moco-usercard-detail-right bold">
                                                        粉丝
                                                        <span>0</span>
                                                    </a>
                                                </div>
                                                <span class="moco-usercard-mc-btn">
                                                    <i class="iconfont icon-icon_concern icon-group_add"> </i>
                                                    关注Ta
                                                </span>
                                            </div>
                                        </div>
                                    </li>
                                    {{/each}}
                                </script>

                            </ul>
                        </div>
                    </div>
                </div>
                <div class="box-qita box-list hide-list">
                    <div class="centerlist">
                        <div class="big_article">
                            <div class="article-box list-boxr">
                                <div class="article-min" id="qita">
                                    <script type="text/html" id="tmp-qita">
                                        {{each data item}}
                                        <div class="article-wrapper list-option">
                                            <div class="article-lwrap">
                                                <div class="imgCon l">
                                                    <img src="{{item.cover}}" alt="">
                                                </div>
                                                <div class="list-content l">
                                                    <a href="#" class="title">
                                                        <p>{{item.title}}</p>
                                                    </a>
                                                    <div class="collect">
                                                        <span>收藏</span>
                                                    </div>
                                                    <div class="list-bottom">
                                                        <div class="browseNum l">
                                                            <div class="views">
                                                                <i class="iconfont icon-yanjing icn"></i>
                                                                {{item.browse}}
                                                            </div>
                                                            <div class="author name-box">
                                                                {{item.name}}
                                                            </div>
                                                            <div class="skill clearfix">
                                                                <a href="#">{{item.language}}</a>
                                                            </div>
                                                        </div>
                                                        <div class="createTime r">
                                                            {{item.time}}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="autograph autograph-left">
                                                <div class="moco-headialog">
                                                    <a href="#" class="moco-usercard-head">
                                                        <img src="{{item.cover}}" width="40px" height="40px" alt="">
                                                    </a>
                                                    <p>
                                                        <a href="#">{{item.name}}</a>
                                                        <span
                                                            class="moco-usercard-signicon moco-usercard-teacher"></span>
                                                        <span
                                                            class="moco-usercard-signicon moco-usercard-author"></span>
                                                    </p>
                                                    <p class="moco-usercard-job-title">
                                                        <span href="#" class="moco-usercard-secret"></span>
                                                        {{item.position}}
                                                    </p>
                                                    <p class="moco-usercard-signature">
                                                        {{item.profile}}
                                                    </p>
                                                    <div>
                                                        <a href="#" class="moco-usercard-detail-left bold">
                                                            手记
                                                            <span>0</span>
                                                        </a>
                                                        <a href="#" class="moco-usercard-detail-right bold">
                                                            粉丝
                                                            <span>0</span>
                                                        </a>
                                                    </div>
                                                    <span class="moco-usercard-mc-btn">
                                                        <i class="iconfont icon-icon_concern icon-group_add"> </i>
                                                        关注Ta
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                        {{/each}}
                                    </script>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="right_personalization r">
                        <div class="recommended_author">
                            <div class="tou2 clearfix">
                                <h3 class="l">推荐作者</h3>
                                <div class="more r"><a href="#">
                                        更多
                                        <i class="iconfont icon-chevron_right_24px"></i>
                                    </a>
                                </div>
                            </div>
                            <ul class="personList list-boxr">
                                <script type="text/html" id="article-tmp">
                                    {{each data item}}
                                    <li class="person list-option">
                                        <a href="#" class="l">
                                            <div class="l">
                                                <img src="{{item.portrait}}" alt="">
                                            </div>
                                            <div class="text l">
                                                <div class="name name-box">{{item.name}}</div>
                                                <p class="clearfix text_p">
                                                    <span class="l">0篇文章</span>
                                                    <span class="l">0个粉丝</span>
                                                </p>
                                            </div>
                                        </a>
                                        <button class="follow r">
                                            <span>
                                                <i class="iconfont icon-jia "></i>
                                            </span>
                                            关注
                                        </button>
                                        <div class="autograph">
                                            <div class="moco-headialog">
                                                <a href="#" class="moco-usercard-head">
                                                    <img src="{{item.portrait}}" width="40px" height="40px" alt="">
                                                </a>
                                                <p>
                                                    <a href="#">{{item.name}}</a>
                                                    <span class="moco-usercard-signicon moco-usercard-teacher"></span>
                                                    <span class="moco-usercard-signicon moco-usercard-author"></span>
                                                </p>
                                                <p class="moco-usercard-job-title">
                                                    <span href="#" class="moco-usercard-secret"></span>
                                                    {{item.position}}
                                                </p>
                                                <p class="moco-usercard-signature">{{item.profile}} </p>
                                                <div>
                                                    <a href="#" class="moco-usercard-detail-left bold">
                                                        手记
                                                        <span>0</span>
                                                    </a>
                                                    <a href="#" class="moco-usercard-detail-right bold">
                                                        粉丝
                                                        <span>0</span>
                                                    </a>
                                                </div>
                                                <span class="moco-usercard-mc-btn">
                                                    <i class="iconfont icon-icon_concern icon-group_add"> </i>
                                                    关注Ta
                                                </span>
                                            </div>
                                        </div>
                                    </li>
                                    {{/each}}
                                </script>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="J_GotoTop">
            <a href="#">
                <i class="iconfont icon-yijianfankui"></i>
                <span>意见反馈</span>
            </a>
            <a href="#">
                <i class="iconfont icon-bangzhuzhongxin"></i>
                <span>帮助中心</span>
            </a>
            <a href="#" class="xiazai">
                <i class="iconfont icon-shouji54"></i>
                <span>APP下载</span>
                <div class="elevator-app-box"></div>
            </a>
            <a href="#" class="weixin">
                <i class="iconfont icon-weixin"></i>
                <span>官方微信</span>
                <div class="elevator-weixin-box"></div>
            </a>
            <a href="#" class="icon_up">
                <i class="iconfont icon-dropdown_icon_up"></i>
                <span>返回顶部</span>
            </a>
        </div>
    </main>
    <div class="keu">
        <div class="keu_container">
            <div class="idx_width">
                <div class="footer_sns">
                    <div class="i">
                        <a href="#" class="tao">
                            <i class="iconfont icon-xing"></i>
                        </a>
                        <p>收藏网站</p>
                        <div class="footer_sns_favorites_tips">
                            <span class="iconfont icon-xing1"></span>
                            使用
                            <b> Ctrl+D </b>
                            可将网站添加到书签
                        </div>
                    </div>
                    <div class="i">
                        <a href="#" class="icon_weixin">
                            <i class="iconfont icon-weixin1"></i>
                            <span class="footer_sns_weixin_expand"></span>
                        </a>
                        <p>官方公众号</p>
                    </div>
                    <div class="i">
                        <a href="#">
                            <i class="iconfont icon-sina"></i>
                        </a>
                        <p>官方微博</p>
                    </div>
                    <div class="i">
                        <a href="#">
                            <i class="iconfont icon-qq"></i>
                        </a>
                        <p>官方空间</p>
                    </div>
                </div>
            </div>
            <div class="footer_link">
                <a href="#">企业服务</a>
                <a href="#">关于我们</a>
                <a href="#">联系我们</a>
                <a href="#">讲师招募</a>
                <a href="#">帮助中心</a>
                <a href="#">意见反馈</a>
                <a href="#">慕课大学</a>
                <a href="#">代码托管</a>
                <a href="#">友情链接</a>
            </div>
            <div class="footer_copyright">
                <P>Copyright <img class="moco_emoji"
                        src="https://www.imooc.com/static/moco/v1.0/images/face/36x36/a9.png" alt="">&nbsp;
                    2021 imooc.com &nbsp;京ICP备 12003892号-11&nbsp;
                    <a href="#">
                        <i class="beian"></i>
                        &nbsp;京公网安备11010802030151号&nbsp;</a>
                    <a href="#">营业执照</a>
                </P>
            </div>
        </div>
    </div>
    <script src="/js/lib/jquery-3.6.0.min.js"></script>
    <script src="/js/lib/layui/layui.all.js"></script>
    <script src="/js/BASE_API.js"></script>
    <script src="/js/lib/template-web.js"></script>
    <script src="/js/index.js"></script>
</body>

</html>